import { createRouter, createWebHistory } from 'vue-router'

const routes = [
  {
    path: '/',
    name: 'About',
    component: () => import('../Index.vue')
  },

  {
    path: '/sakura',
    name: 'Sakura',
    component: () => import('../views/Sakura.vue')
  },
  {
    path: '/meteor',
    name: 'Meteor',
    component: () => import('../views/Meteor.vue')
  },
  {
    path: '/card1',
    name: 'Card1',
    component: () => import('../views/Card1.vue')
  },
  {
    path: '/astronauts',
    name: 'Astronauts',
    component: () => import('../views/Astronauts.vue')
  },
  {
    path: '/button',
    name: 'Button',
    component: () => import('../views/Button.vue')
  },
  {
    path: '/hamster',
    name: 'Hamster',
    component: () => import('../views/Hamster.vue')
  },
  {
    path: '/message',
    name: 'Message',
    component: () => import('../views/Message.vue')
  },
  {
    path: '/test',
    name: 'Test',
    component: () => import('../views/Test.vue')
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router
